<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		.bg {
			width: 900px;
			height: 800px;
			background-color: white;
		}

		h2 {
			text-align: center;
		}

		.p1 {
			display: flex;
		}

		.p1 img {
			width: 20px;
			height: 20px;
			padding-top: 20px;
		}

		.p2 {
			display: flex;
		}

		.p2 img {
			width: 20px;
			height: 20px;
			padding-top: 20px;
		}

		.p3 {
			display: flex;
		}

		.p3 img {
			width: 20px;
			height: 20px;
			padding-top: 20px;
		}

		.p4 {
			display: flex;
		}

		.p4 img {
			width: 20px;
			height: 20px;
			padding-top: 20px;
		}

		.bg .a1 {
			width: 850px;
			height: 150px;
		}

		.bg .a1 .a12,
		.a11 {
			float: left;
			padding-left: 20px;
			padding-top: 10px;
			font-size: 10px;
		}

		.bg .a2 {
			width: 850px;
			height: 230px;
		}

		.bg .a2 .a13 {
			float: left;
			padding-left: 20px;
			padding-top: 10px;
			font-size: 10px;
		}

		.bg .a1 .a11 input {
			width: 420px;
		}

		.bg table img {
			width: 20px;
			height: 20px;
		}

		.bg table {
			width: 830px;
			height: 200px;
			text-align: center;
			font-size: 10px
		}

		.bg .a1 .a11 .input-image {
			width: 12px;
			height: 12px;
			background-repeat: no-repeat;
			background-position: 10px;
		}

		.bg .a1 .a11 {
			display: flex;
		}
	</style>
	<body>
			<div class="bg">
				<h2>合同信息登记</h2>
				<div class="p1"><img src="../img/u1789.svg">
					<h4>项目信息</h4>
				</div>
				<hr>
				<div class="a1">
					<div class="a11"><span>项目名称:</span>
						<div style="border: 1px solid #666;width: 425px;height: 21.2px;"><img src="../img/u3941.svg"
								style=" width: 21px; height: 21px; float: right;"></div>
					</div>
					<div class="a12"><span>项目编码:</span><input type="text"></div>
					<div class="a12"><span>项目阶段:</span><input type="text"></div>
					<div class="a12"><span>项目类型:</span><input type="text"></div>
					<div class="a12"><span>项目性质:</span><input type="text"></div>
					<div class="a12"><span>概算总投资(元):</span><input type="text"></div>
					<div class="a12"><span>负责人:</span><input type="text"></div>
					<div class="a12"><span>联系电话:</span><input type="text"></div>
				</div>
				<div class="a2">
					<div class="p2"><img src="../img/u1789.svg" alt="">
						<h4>合同信息</h4>
					</div>
					<hr>
					<div class="a13"><span>合同名称:</span><input type="text"></div>
					<div class="a13"><span>合同编码:</span><input type="text"></div>
					<div class="a13"><span>合同金额:</span><input type="text"></div>
					<div class="a13"><span>合同类型:</span><input type="text"></div>
					<div class="a13"><span>文件编码:</span><input type="text"></div>
					<div class="a13"><span>签订份数:</span><input type="text"></div>
					<div class="a13"><span>签订状态:</span><input type="text"></div>
					<div class="a13"><span>签订日期:</span><input type="text"></div>
					<div class="a13"><span>甲方单位:</span><input type="text"></div>
					<div class="a13"><span>乙方单位:</span><input type="text"></div>
					<div class="a13"><span>三方单位:</span><input type="text"></div>
					<div class="a13"><span>合同概况:</span><input type="text"></div>
				</div>
				<div class="p3"><img src="../img/u1789.svg" alt="">
					<h4>付款计划</h4>
				</div>
				<hr>
				<button
					style="background-color: #1296DB;color: aliceblue;border-radius: 3px;border:none;font-size: 10px;margin-left: 10px;">新增</button>
				<table border="1px" style="border-collapse: collapse;">
					<tr>
						<td>序号</td>
						<td>支付说明</td>
						<td>支付节点</td>
						<td>支付比例</td>
						<td>支付金额</td>
						<td>支付日期</td>
						<td>操作</td>
					</tr>
					<tr>
						<td>1</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td>删除</td>
					</tr>
					<tr>
						<td>2</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td>删除</td>
					</tr>
					<tr>
						<td>3</td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td>删除</td>
					</tr>
				</table>
				<div class="p4"><img src="../img/u1789.svg" alt="">
					<h4>合同附件</h4>
				</div>
				<hr>
				<table border="1px" style="border-collapse: collapse;">
					<tr>
						<td>序号</td>
						<td>文件名称</td>
						<td>附件</td>
					</tr>
					<tr>
						<td>1</td>
						<td>合同签约文件</td>
						<td><img src="../img/u1840.svg" alt=""></td>
					</tr>
					<tr>
						<td>2</td>
						<td>法律意见</td>
						<td><img src="../img/u1840.svg" alt=""></td>
					</tr>
					<tr>
						<td>3</td>
						<td>法律意见</td>
						<td><img src="../img/u1840.svg" alt=""></td>
					</tr>
					<tr>
						<td>4</td>
						<td>设计变更(签证)报审情况说明</td>
						<td><img src="../img/u1840.svg" alt=""></td>
					</tr>
					<tr>
						<td>5</td>
						<td>其他</td>
						<td><img src="../img/u1840.svg" alt=""></td>
					</tr>
				</table>
			</div>
	</body>
</html>